﻿<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="keywords" content="CSS3" />
    <title>在线报名系统</title>
    <link rel="stylesheet" href="/static/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/css/base.css">
    <link rel="stylesheet" href="/static/css/index.css">
    <link rel="stylesheet" href="/static/css/bootstrapValidator.css">
    <script src="/static/js/jquery.min.js"></script>
    <script src="/static/js/bootstrap.min.js"></script>
    <script src="/static/js/bootstrapValidator.min.js"></script>
</head>
<div class="center-con">
    <div class="row">
        <section>
            <div class="page-header">
                <h2 style="color: #f7b16b;  font-weight: 700;font-size: 20px;">2020年高性能耐蚀钢发展与防腐新技术交流会</h2>
                <h2 style="color: #f7b16b; font-weight: 700;font-size: 20px;">主办单位: 耐蚀钢产业技术创新战略联盟</h2>
            </div>
            <div class="col-lg-8 col-lg-offset-2">
                <form id="defaultForm" method="post" action="/index/index/save" class="form-horizontal">
                    <div class="rel">
                        <h3 style="font-weight: 700; font-size: 18px;" class="yellow">参会回执表</h3>
                    </div>
                    <fieldset style='padding-left:20px;padding-right: 15px;'>
                        <div class="margin-bottom-20" style="text-align: center"><span class="blue fz-16"
                                style="font-weight:700;font-size: 16px;">2020年12月11-13日<br />（11日全天签到，12日、13日全天会议）<br />
                                地点: 安徽省马鞍山市梦都雨山湖酒店</span></div>

                        <h5 class="fz-20 padding-10 yellow">开票信息</h5>
                        <!-- 开票类型 -->
                        <div class="form-group">
                            <label class="col-lg-4 control-label"> <span class="require-star">*</span>开票类型</label>
                            <div class="col-lg-5">
                                <label class="radio-inline">
                                    <input type="radio" value="1" name="tax_type" id="tax_type1" checked  onclick=text(value)>普票
                                </label>
                                <label class="radio-inline">
                                    <input type="radio" value="2" name="tax_type" id="tax_type1" onclick=text(value)>专票
                                </label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-4 control-label"><span class="require-star">*</span>单位名称</label>
                            <div class="col-lg-5">
                                <input type="text" class="form-control" name="company_name" />
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-lg-4 control-label"><span class="require-star">*</span>纳税人识别号</label>
                            <div class="col-lg-5">
                                <input type="text" class="form-control" name="tax_number" />
                            </div>
                        </div>
                        <div id='isShow' style="display: none;">
                            <div class="form-group">
                                <label class="col-lg-4 control-label"><span class="require-star">*</span>开户行及账号</label>
                                <div class="col-lg-5">
                                    <input type="text" class="form-control" name="bank_account" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-4 control-label"><span class="require-star">*</span>地 址</label>
                                <div class="col-lg-5">
                                    <input type="text" class="form-control" name="company_address" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-4 control-label"><span class="require-star">*</span>开户电话</label>
                                <div class="col-lg-5">
                                    <input type="text" class="form-control" name="company_phone" />
                                </div>
                            </div>

                        </div>
                        <!-- 邮寄地址 -->
                        <div class="form-group">
                            <label class="col-lg-4 control-label"><span class="require-star">*</span>邮寄地址</label>
                            <div class="col-lg-5">
                                <input type="text" class="form-control" name="mailing_address" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-4 control-label"><span class="require-star">*</span>邮 编</label>
                            <div class="col-lg-5">
                                <input type="text" class="form-control" name="postcode" />
                            </div>
                        </div>
                        <!-- 个人信息 -->
                        <h5 class="fz-20 padding-10 yellow">个人信息</h5>

                        <div class="form-group">
                            <label class="col-lg-4 control-label"><span class="require-star">*</span>姓 名</label>
                            <div class="col-lg-5">
                                <input type="text" class="form-control" name="name" />
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-lg-4 control-label"> <span class="require-star">*</span>性别</label>
                            <div class="col-lg-5">
                                <label class="radio-inline">
                                    <input checked type="radio" value="1" name="sex">男
                                </label>
                                <label class="radio-inline">
                                    <input type="radio" value="2" name="sex">女
                                </label>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-lg-4 control-label"><span class="require-star">*</span>职 位</label>
                            <div class="col-lg-5">
                                <input type="text" class="form-control" name="position" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-4 control-label"><span class="require-star">*</span>手 机</label>
                            <div class="col-lg-5">
                                <input type="text" class="form-control" name="phone" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-4 control-label"><span class="require-star">*</span>邮 箱</label>
                            <div class="col-lg-5">
                                <input type="text" class="form-control" name="email" />
                            </div>
                        </div>

                        <h5 class="fz-20  padding-10 yellow">会议注册类型和费用(联盟成员免收)</h5>

                        <!-- 学生 -->
                        <div class="form-group">
                            <label class="col-lg-4 control-label"> <span class="require-star">*</span>注册费</label>
                            <div class="col-lg-5">
                                <label class="radio-inline">
                                    <input checked type="radio" value="1" name="fee_id" checked
                                        onclick="isStudent(1);">正式代表 2000元/人
                                </label>
                                <label class="radio-inline">
                                    <input type="radio" value="2" name="fee_id" onclick="isStudent(2);">学 生
                                    1200元/人
                                </label>
                            </div>
                        </div>

                        <h5 class="fz-20  padding-10 yellow">报 告 </h5>
                        <div class="form-group">
                            <label class="col-lg-4 control-label">是否做报告</label>
                            <div class="col-lg-5">
                                <label class="radio-inline">
                                    <input checked type="radio" value="1" name="is_report" onclick=reportl(value)>是
                                </label>
                                <label class="radio-inline">
                                    <input type="radio" value="2" name="is_report" onclick=reportl(value)>否
                                </label>
                            </div>
                        </div>
                        <div id='reportShow'>
                            <div class="form-group reportTit">
                                <label class="col-lg-4 control-label"><span class="require-star">*</span>报告题目</label>
                                <div class="col-lg-5">
                                    <input type="text" class="form-control" name="report_title" />
                                </div>
                            </div>
                        </div>
                        <h5 class="fz-20  padding-10 yellow">住 宿 </h5>
                        <div class="form-group">
                            <label class="col-lg-4 control-label">酒 店</label>
                            <div class="col-lg-5 " style="text-align: left; padding-left:0px">
                                <label class="radio-inline">
                                    <!-- <input  type="radio" value="1" name="hotel_type" onclick=hotel(value)> -->
                                    安徽省马鞍山市梦都雨山湖酒店
                                </label>
                            </div>
                        </div>
                        <div id="show">
                            <div class="form-group">
                                <label class="col-lg-4 control-label">房 型</label>
                                <div class="col-lg-5 " style="text-align: left">
                                    <label class="radio-inline" style="margin-left: 0px;">
                                        <input type="radio" value="1" name="room_type" checked>标准房248元/间/天
                                    </label>
                                    <label class="radio-inline" style="margin-left: 0px;">
                                        <input type="radio" value="2" name="room_type">商务房288元/间/天
                                    </label>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-4 control-label">是否接受合住</label>
                                <div class="col-lg-5 " style="text-align: left">
                                    <label class="radio-inline" style="margin-left: 0px;">
                                        <input type="radio" value="1" name="is_share">是
                                    </label>
                                    <label class="radio-inline" style="margin-left: 0px;">
                                        <input checked type="radio" value="0" name="is_share">否
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="form-group reportTit">
                            <label class="col-lg-4 control-label">备注</label>
                            <div class="col-lg-5">
                                <textarea name="note" class="form-control" cols="30" rows="10"
                                    style=" resize: none; height: 100px"></textarea>
                            </div>
                        </div>
                        <!-- 付款相关信息 -->
                        <h5 class="fz-20  padding-10 yellow">
                            付 款 信 息<strong class="require-star"> </strong></h5>
                        <div class="form-group">
                            <label class="col-lg-7 control-label require-star"
                                style="font-size: 16px;color:#e64b44"><span
                                    class="require-star">*</span>汇款请注明：会费 + 姓名(以提前电汇为主)</label>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-4 control-label"><span class="require-star">*</span>支付形式</label>
                            <div class="col-lg-5">
                                <label class="radio-inline">
                                    <input type="radio" value="1" name="pay_type" checked>汇 款
                                </label>
                                <label class="radio-inline">
                                    <input type="radio" value="2" name="pay_type">现场缴费
                                </label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-4 control-label" style="margin-top: -8px;"><span
                                    class="require-star">*</span>汇款</label>
                            <div class="col-lg-5">
                                <p>
                                    开 户 行：中国农业银行股份有限公司北京海淀东区支行营业部</p>
                                <p>
                                    户 名：北京丰盈环蚀技术有限公司</p>
                                <p>
                                    账 号：11250501040029807</p>
                            </div>
                        </div>
                        <div class="form-group" style="text-align: center;">
                            <button type="submit" class="btn  form-btn"
                                style="background-color: #e2a669;font-size: 18px;font-weight: 700;">提交</button>
                            <button type="reset" class="btn  form-btn"
                                style="background-color:#e2a669;font-size: 18px;font-weight: 700;">重置</button>
                        </div>
                        <h5 class="fz-20  padding-10 yellow" style="margin-top: 30px;">会务组联系方式</h5>

                        <div class="form-group">
                            <label class="col-lg-4 control-label"></label>
                            <div class="col-lg-5">
                                王 &nbsp;&nbsp; 元&nbsp;&nbsp;&nbsp;： 13693251529<br />
                                齐颖欣 &nbsp;&nbsp;： 15311083856<br />
                                石 &nbsp;&nbsp; 践 &nbsp;&nbsp;： 18655593989<br />
                                回执邮箱：68235282@qq.com
                            </div>
                        </div>
                    </fieldset>
                </form>
            </div>
        </section>
    </div>
</div>

</body>
<!-- <script type="text/javascript" src="demo/js/dcalendar.picker.js"></script> -->

<script>
    // 开票类型
    function text(val) {
        if (val == 2) {
            document.querySelector('#isShow').style.display = 'block'
        } else {
            document.querySelector('#isShow').style.display = 'none'
        }
    }
    //学生
    function demo(val) {
        if (val == 2) {
            document.querySelector('#isHide').style.display = 'none'
        } else {
            document.querySelector('#isHide').style.display = 'block'
        }
    }

    function isStudent(val) {
        if (val == 2) {
            document.querySelector('#feeShow').style.display = 'block';
            $("#fee-1").prop('checked', false);
            $("#fee-2").prop('checked', true);
        } else {
            document.querySelector('#feeShow').style.display = 'none';
            $("#fee-1").prop('checked', true);
            $("#fee-2").prop('checked', false);
        }
    }
    // 报告
    function reportl(val) {
        if (val == 2) {
            document.querySelector('#reportShow').style.display = 'none';
        } else {
            document.querySelector('#reportShow').style.display = 'block';
        }
    }
    // hotl
    function hotel(val) {
        if (val == 2) {
            document.querySelector('#show').style.display = 'none'
        } else {
            document.querySelector('#show').style.display = 'block'
        }
    }
    
    //表单验证
    $(function () {
        $('#defaultForm').bootstrapValidator({
            message: 'This value is not valid',
            feedbackIcons: {
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            },
            fields: {
                company_name: {
                    validators: {
                        notEmpty: {
                            message: '单位名称不能为空'
                        }
                    }
                },
                tax_number: {
                    validators: {
                        notEmpty: {
                            message: '识别号不能为空'
                        }
                    }
                },
                bank_account: {
                    validators: {
                        notEmpty: {
                            message: '开户行账号不能为空'
                        }
                    }
                },
                company_address: {
                    validators: {
                        notEmpty: {
                            message: '地址不能为空'
                        }
                    }
                },
                company_phone: {
                    validators: {
                        notEmpty: {
                            message: '电话不能为空'
                        },
                        regexp: {
                            regexp: /^((0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/,
                            message: '电话号码格式有误，请重新输入'
                        }
                    }
                },
                mailing_address: {
                    validators: {
                        notEmpty: {
                            message: '地址不能为空'
                        },

                    }
                },
                name: {
                    validators: {
                        notEmpty: {
                            message: '姓名不能为空'
                        },
                    }
                },
                position: {
                    validators: {
                        notEmpty: {
                            message: '职位不能为空'
                        },
                    }
                },
                phone: {
                    validators: {
                        notEmpty: {
                            message: '电话不能为空'
                        },
                        regexp: {
                            regexp: /^1[3|4|5|7|8][0-9]\d{8}$/,
                            message: '电话号码格式有误，请重新输入'
                        }
                    }
                },
                email: {
                    validators: {
                        notEmpty: {
                            message: '邮箱地址不能为空'
                        },
                        emailAddress: {
                            message: '邮箱地址格式有误，请重新确认'
                        }
                    }
                }
            }
        });
    });
</script>

</html>